body {
    position: relative;
    background-color: white;
}
/*Admin modal's img style*/
.carousel-inner img {
    width: 100%;
    height: 100%;
}

.container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 60px;
    margin-bottom:60px;
    
    /*background-color: blue;*/
}

#DAObutton button{
    margin: auto;
   border-radius: 5px;
   font-size:18px
   
}

#Addemo{
    margin-top: 20px;
    background-color:white;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
#Addgroup{
    padding: 20px 0;
    margin-left: 20px;
   
}

#Deldemo{
    margin-top: 20px;
    background-color:white;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
#Delgroup{
    padding: 20px 0;
    margin-left: 20px;
}

#Modifydemo{
    margin-top: 20px;
    background-color:white;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
#Modifygroup{
    padding: 20px 0;
    margin-left: 20px;
}

#Note{
	margin-top: -10px;
	margin-left:20px;
	color: rgb(167, 166, 166);
	font-size:14px;
}

div.polaroid {
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   margin-bottom: 50px;
   
 
  }

.footer{
    background:#333333;
    color:white;
    height: 50px;
}